<%-- 
  -- Body Show para ProviderAccount
  --
  -- @author pablo.tortorella
--%>
<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html" %>
<%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic" %>
<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean" %>
<%@ taglib uri="/WEB-INF/struts-tiles.tld" prefix="tiles" %>
<%@ taglib uri="/WEB-INF/struts-html-el-1.2.8.tld" prefix="html-el"%>
<%@ taglib uri="/WEB-INF/struts-logic-el-1.2.8.tld" prefix="logic-el"%>
<%@ taglib uri="/WEB-INF/security.tld" prefix="security" %>
<%@ taglib uri="/WEB-INF/displaytag-el.tld" prefix="display" %>

<%-- Librerias para EXT library --%>
<link rel="stylesheet" type="text/css" href="<html:rewrite page='/protected/script/ext-1.1.1/resources/css/ext-all.css'/>" />
<link rel="stylesheet" type="text/css" href="<html:rewrite page='/protected/script/ext-1.1.1/resources/css/xtheme-default.css'/>" />

<script src="<html:rewrite page='/protected/script/ext-1.1.1/adapter/ext/ext-base.js'/>" type="text/javascript"></script>
<script src="<html:rewrite page='/protected/script/ext-1.1.1/ext-all.js'/>" type="text/javascript"></script>

<%@ taglib uri="http://struts.apache.org/tags-bean-el" prefix="bean2"%>

<%-- prototype esta en el main layout --%>
<script src="<html:rewrite page='/protected/script/scriptaculous/scriptaculous.js'/>" type="text/javascript"></script>

<script type="text/javascript">
    function showProviderAccountDetails() {

        var teacherIdObj = $("teacherId");
        teacherIdObj.value = $("teacherIdId").value;
        
        var form = $("showProviderAccountFormId");
        form.submit();
    }

	/* Va a la pagina para registrar el pago
	 */
	var payHonorary = function(id) {
		$("honoraryIdPreparePayId").value = id;		
		
        var form = $("preparePayFormId");
        form.submit();
	}

  </script>

<div class="errors">
    <html:errors />
</div>

<%-- El ID del form NO debe ser modificado. Se usa desde el menu --%>
<html:form action="/protected/showProviderAccount.do" styleId="providerAccountFormId">
    <%-- Inyectados por Javascript --%>
    <html:hidden property="teacherId" name="providerAccountForm" styleId="teacherIdId" />
    <h2>Cuenta Corriente de Docente</h2>
    
    <div class="providerAccountEdit">
        <table class="tableData" cellspacing="0">
            <tr>
                <td class="tableDataTitle">
                    Nro. Cuenta
                </td>
                <td class="tableDataValue">
                    <html:text readonly="true" property="accountId" name="providerAccountForm" styleId="accountIdId" />
                </td>
            </tr>
            <tr>
                <td class="tableDataTitle">
                    Docente
                </td>
                <td class="tableDataValue">
                    <html:text readonly="true" property="teacherName" name="providerAccountForm" styleId="teacherNameId" />
                </td>
            </tr>
            <tr>
                <td class="tableDataTitle">
                    Deuda Total
                </td>
                <td class="tableDataValue">
                    <html:text readonly="true" property="totalDebt" name="providerAccountForm" styleId="totalDebtId"/>
                </td>
            </tr>
        </table>
		
		<br/>
    	<h2>Pagos pendientes al docente</h2>
    	<logic:empty name="providerAccountForm" property="activeHonoraries">
    		<p>El docente no tiene ning&uacute;n pago pendiente</p>
    	</logic:empty>
	    <bean:define id="honoraries" name="providerAccountForm" property="activeHonoraries" />
	    <display:table name="pageScope.honoraries" sort="list" export="true" pagesize="15" requestURI="/protected/showProviderAccount.do" id="row" class="displayTable">
	        <display:column title="Pagar" class="columnGifLink" media="html">
	            <img src="<html:rewrite page='/protected/img/money.gif'/>" alt="Pagar" name="submitButton" onclick="payHonorary('<bean:write name="row" property="id" />')" title="Pagar el honorario...">
	        </display:column>
	        <display:column title="Ente" property="course.body.name" sortable="true" />
	        <display:column title="Curso" property="course.name" sortable="true" />
	        <display:column title="Desde" property="validityFrom" sortable="true" format="{0,date,dd/MM/yyyy}"/>
	        <display:column title="Valor" property="value" sortable="true" />
	        <display:column title="Estado" property="debtStatus" sortable="true" decorator="ar.uba.fi.posgrado.common.web.util.PosgradoStatusDecorator" />
	        <display:column title="Motivo" property="reason" sortable="true" />
	    </display:table> 
    
        <div id="clear">
        </div>
        
        <security:securizedContent roles="administrador,secretaria,ente">
            <div class="panelButton">
                <input type="button" value="Ver Detalle Completo" onclick="showProviderAccountDetails();" title="Ver detalle de la cuenta corriente del docente ..." class="button">
            </div>
        </security:securizedContent>
    </div>
</html:form>

<%-- Inyectados por Javascript. Es para mostrar el detalle de la cuenta corriente --%>
<div id="showProviderAccountDetailsDiv" class="hideClass">
    <html:form action="/protected/showProviderAccountDetails" styleId="showProviderAccountFormId">
        <html:hidden property="teacherId" value="" styleId="teacherId" />
    </html:form>
</div>

<%-- Inyectados por Javascript --%>
<div id="preparePayDivId" class="hideClass">
    <html:form action="/protected/preparePay" styleId="preparePayFormId">
        <html:hidden property="honoraryId" value="" styleId="honoraryIdPreparePayId" />
    </html:form>
</div>